<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button id="btn">
    stop
  </button>
</body>
<script>
  var btn = document.getElementById("btn");
  var timer = null;

  // 延时器可以通过递归调用 改为计时器 => 延时器改计时器()
  // 如何停止?
  // 清除延时器 =>
  // clearTimeout(延时器的编号)

  // 注意: 一般情况下延时器 执行一次就停止了,此情况一般用于延时器改计时器

  // btn.onclick = function(){
  //     clearTimeout(timer);   //关闭延时器  演示器中的代码就不在执行
  // }

  // function loop(){
  //     timer = setTimeout(function(){
  //         console.log(111111,timer);
  //         loop();
  //     },1000)
  // }
  // loop();


  // 一般情况下  不建议计时器嵌套计时器   => 延时器改计时器
  //  计时器 => 每隔固定的时间执行

  var timer1 = setInterval(function () {
    console.log("再次开启新的计时器");
    // var num = 10;
    // var timer2 = setInterval(function(){
    //     num--;
    //     console.log("num",num);
    // },1000)
  }, 1000)



</script>

</html>